@import '../../../../css/h5/common';


.layer {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 20;

    .main_div {
        // border-radius: 0.32rem;
        z-index: 20;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 514/@rem;
        height: 676/@rem;
        transform: translate(-50%, -4.72rem);
        background-image: url('../../../../images/bg1.png');
        // background-image: url('./images/bg1.png');
        // background-image: url("../../../../images/search.png");
        background-size: 100%;
        color: #534440;
        text-align: center;
        .tips_pic{
          margin-top: 42/@rem;
          img{
            width: 400/@rem;
            height: 342/@rem;
          }
        }
        .tips_msg {
            display: inline-block;
            height: 100/@rem;
            line-height: 100/@rem;
            width: 400/@rem;
            // background-color: rosybrown;
            color: #4B4B4B;
            font-size: 24/@rem;
            position: absolute;
            left: 50%;
            top: 48%;
            transform: translate(-50%, -50%);
            overflow: hidden;
        }
        .enter_btn {
          display: inline-block;
          width: 222/@rem;
          height: 62/@rem;
          background-image: url('../../../../images/enter.png');
          background-size: 100%;
          margin-top: 100/@rem;
          cursor: pointer;
      }
    }

    .tips_btn {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background-image: url('../../../../images/close.png');
        background-size: 100%;
        cursor: pointer;
        position: absolute;
        left: 50%;
        bottom: -150/@rem;
        transform: translate(-50%, -50%);
    }
}